@import './variables.scss';
@import './transition.scss';
@import './scss-suger.scss';
@import './reset-style.scss';
@import './comm.scss';
@import './elemenet-style-overflow.scss';
@import './../assets/font/index.css';
@import './mixin.scss';
@import './element-ui.scss';
@import './sidebar.scss';

//scroll
@mixin main-show-wh() {
  /* css 声明 */
  height: calc(100vh - #{$navBarHeight} - #{$tagViewHeight} - #{$appMainPadding * 2});
  width: 100%;
}

.scroll-y {
  @include main-show-wh();
  overflow-y: auto;
}

.scroll-x {
  @include main-show-wh();
  overflow-x: auto;
}

.scroll-xy {
  @include main-show-wh();
  overflow: auto;
}

.xxx-statistics {
  position: relative;

  .statistics {
    position: absolute;
    right: 20px;
    top: 85px;
    color: rgba(255, 255, 255, 0.8);
  }
}

.amap-logo {
  display: none;
  opacity: 0 !important;
}

.amap-copyright {
  opacity: 0;
}

.pointer {
  &:hover {
    cursor: pointer;
  }
}

.cluster-marker {

  // background: url('./../assets/image/commonImage/icon/icon@2x.png');
  // background-size: 100% 100%;
  // display: flex;
  // align-items: center;
  // justify-content: center;
  // font-size: 12px;
  span {
    color: #051a31 !important;
  }
}

.amap-marker>div {
  color: #fff;
}

.car-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  .car-item-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    .car-item-point {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .car-item-context {
      padding-left: 5px;
      font-size: 12px;
      min-width: 65px;
    }
  }

  .car-item-image {
    width: 30px;
    height: 40px;
    // background: url('./../assets/image/commonImage//icon/lw_ic@2x.png');
    background-size: 100% 100%;
  }
}

// .el-input__inner {
//   &::placeholder {
//     font-size: 16px;
//     color: #ffffff;
//     opacity: 0.7;
//   }
// }